/*
 * A List Apart's Holy Grail layout
 * http://www.alistapart.com/articles/holygrail
 */

@import url(posts.css);
@import url(theme.css);

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, font, img, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, iframe, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
ol, ul {list-style:none}table {border-collapse:separate;border-spacing:0}caption, th, td {text-align:left;font-weight:normal}blockquote:before, blockquote:after, q:before, q:after {content: ""}blockquote, q {quotes: "" ""}
/* end reset */

body {
  color:#111;
  background:#fff;
  font: 12px/1.7em "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
  position: relative;
  text-align: left;
}

h1, h2, h3, h4, h5 {
   font-weight: bold; 
}

h1 {
   font-size: 1.8em;
}

h2 {
   font-size: 1.6em;
}

h3 {
   font-size: 1.4em;
}

h4 {
   font-size: 1.3em;
}

a { text-decoration: none; }

div { margin: 10px 0; }

strong { font-weight: bolder; font-size: 1.2em; }

#header {
    top: 0;
    margin: 0;
}

#container {
    padding-left: 0;
    padding-right: 25%;
    margin: 0;
}

#container .column {
    position: relative;
    float: left;
}

#center {
    width: 100%; margin: 0;
}

#left {
    width: 5%;
    right: 5%;
    margin-left: -100%;
}

#right {
    width: 25%;
    margin-right: -100%;
    padding: 5px;
}

#footer {
    clear: both;
}

/*** IE6 Fix ***/
* html #left {
    left: 5%;
}
